﻿<!doctype html>
<html class="no-js" lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">

<head th:replace="~{/public::public-head}">
</head>
<style type="text/css">
	.reviews-info{
        width: 100%;
	}
    .reply > a {
        font-weight: 800;
        margin-left: 75%;
    }

    .reply > span {
        font-weight: 600;
        float: left;
        color: #1dae0e;
    }

    .reviews-reply {
        float: none;
        width: 90%;
        margin-left: 10%;
        padding-top: 5px;
        border-top: 1px solid gray;
    }

    .reviews-reply > p {
        margin-bottom: -5px;
    }
</style>
<body class="template-color-1">

<div id="main-wrapper">
	<div th:insert="~{/public::navigate}"></div>
	<div style="height: 100px; border-bottom: 1px solid #e2e4ea"></div>
	<div th:insert="~{/public::sideBillboard}"></div>

	<!-- 大标题 Start -->
	<div class="breadcrumb-section section bg_color--5 pt-60 pt-sm-50 pt-xs-40 pb-60 pb-sm-50 pb-xs-40">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="page-breadcrumb-content">
						<ul class="page-breadcrumb">
							<li><a th:href="@{/home/homepage}">主页</a></li>
							<li><a th:href="@{/blog/blogPage}">博客</a></li>
							<li>详细内容</li>
						</ul>
						<h1 id="blogTitle"></h1>
						<input hidden id="blogId" th:value="${{blogId}}">
						<span  sec:authorize="isAuthenticated()" sec:authentication="principal.userId"
						       type="text" id="readerId" hidden></span>
						<span  sec:authorize="isAuthenticated()" sec:authentication="principal.userName"
						       type="text" id="readerName" hidden></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 大标题 end -->

	<!-- 主要部分 Start -->
	<div class="blog-section section pt-120 pt-lg-100 pt-md-80 pt-sm-60 pt-xs-50 pb-120 pb-lg-100 pb-md-80 pb-sm-60 pb-xs-50">
		<div class="container">
			<div class="row">

				<div class="col-xl-8 col-lg-10 ml-auto mr-auto">
					<div class="row">
						<!-- 博客正文 -->
						<div class="col-12">
							<!-- Single Blog Start -->
							<div class="single-blog-post mb-90 mb-xs-50">
								<div class="blog-content">
									<ul class="post-meta">
										<li hidden id="userId"></li>
										<li><i class="lnr lnr-user"></i><a id="userName"></a></li>
										<li><i class="lnr lnr-eye"></i><a id="readNumber"></a></li>
										<li><i class="lnr lnr-clock"></i><a id="updateTime"></a></li>
									</ul>
									<div id="blogContent" style="border: 5px #edebeb solid;padding: 10px;"></div>
								</div>
							</div>
							<!-- Single Blog End -->
						</div>
						<!-- 博客评论区 -->
						<h3 class="title">评论 :</h3>
						<div sec:authorize="!isAuthenticated()" class="col-12" style="border-radius: 100px; border-left: 1px solid #dadada;text-align: center;background-color: #f5f5f5;padding-top: 20px;">
							<h5>还未登录！！</h5>
							<h6>登录后才可查看、发布评论信息</h6>
							<h6><a th:href="@{/oa/account/loginRegister}">登录</a></h6>
						</div>
						<div sec:authorize="isAuthenticated()" class="col-12" id="commentInfo" style="border-left: 1px solid #dadada;border-radius: 100px;"></div>
						<!-- 博客发表评论 -->
						<div class="col-12" sec:authorize="isAuthenticated()">
							<div class="comment-wrapper mt-90">
								<h3 class="title">发表一下你的想法：</h3>
								<div class="comment-form">
									<form action="#">
										<div class="row row-7">
											<div class="col-12 mb-15">
												<textarea id="item-1-com-1-text" placeholder="Your Message"></textarea>
											</div>

											<div class="col-12 text-center mt-20">
												<button class="ht-btn theme-btn theme-btn-two" onclick="submitBlog(0,-1,-1)">Post Comment</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 主要部分 End -->

	<div th:insert="~{/public::footer}"></div>
</div>

<div th:replace="~{/public::public-js}"></div>

<script th:src="@{/js/myjob/blog/blogDetails.js}"></script>
</body>

</html>
